extends common/layout
block content
    link(rel='stylesheet' type='text/css' href='../css/shop.min.css')
    link(rel='stylesheet' type='text/css' href='../css/selling.min.css')
    include common/head
    div.seller-center-container.shop-container
        include common/nav
        div.seller-content.clearfix
            div.left-wrap
                div.category-wrapper
                    div.category.active
                        div.level-1
                            i.iconfont.icon-shouye
                            span 首页
                    div.category
                        div.level-1
                            i.iconfont.icon-shouye
                            span 宝贝管理
                        ul.list
                            li
                                a 发布宝贝
                            li
                                a 出售中的宝贝
                            li
                                a 仓库中的宝贝
                            li
                                a 橱窗推荐
                    div.category
                        div.level-1
                            i.iconfont.icon-shouye
                            span 交易管理
                        ul.list
                            li
                                a 订单管理
                            li
                                a 物流工具
                            li
                                a 评价管理
                    div.category
                        div.level-1
                            i.iconfont.icon-shouye
                            span 店铺管理
                        ul.list
                            li
                                a 查看我的店铺
                            li
                                a(href="shopSetting.html") 店铺基本设置
                            li
                                a 店铺装修
                            li
                                a 图片空间
                            li
                                a 宝贝分类管理
                    div.category
                        div.level-1
                            i.iconfont.icon-shouye
                            span 客服管理
                        ul.list
                            li
                                a 退款管理
                    div.category
                        div.level-1
                            i.iconfont.icon-shouye
                            span 消费者保障服务
                        ul.list
                            li
                                a 保证金
                            li
                                a 到期保障
                            li
                                a 账户管理
                    div.category
                        div.level-1
                            i.iconfont.icon-shouye
                            span 资源中心
                        ul.list
                            li
                                a 网站资源
                            li
                                a 素材包
            div.selling-right-wrap
                div.router 宝贝管理>出售中的宝贝
                div.condition
                    |宝贝名称:
                    input(
                    type="text"
                    name="agreement"
                    ).input
                    |宝贝ID:
                    input(
                    type="text"
                    name="agreement"
                    ).input
                    |宝贝类目:
                    div.select-block.personal
                        select
                            option(value=1) 宝贝
                            option(value=3) 店铺s
                    a.btn-search 搜索
                div.selling-detail
                    div.detail-header
                        ul
                            li.width-208 宝贝名称
                            li 价格
                            li.padingL-20  库存
                            li.width-130 总库存
                            li 推荐
                            li.padingL-20 发布时间
                            li 操作
                    div.center-choose
                        input(
                        type="checkbox"

                        )#data-checks
                        div 全选
                        a 删除
                        a 下架
                        a.line
                        a 橱窗推荐
                        a 取消推荐
                        a.line
                        a 运费设置
                    div.detail-main.clearfix
                        ul
                            li
                                div
                                    input(
                                    type="checkbox"
                                    name='box'
                                    ).data-check
                                div
                                    img(src='../image/code2.png')
                                div.product
                                    div.product-name 男士运动鞋男士运动鞋男士运动鞋男士运动鞋
                                    span ID:233345
                                p.count.red-font 100
                                p 10
                                p 10
                                p 已推荐
                                p 2017-09-08 12:23
                                p.handle
                                    a 编辑宝贝
                                    a 取消推荐
                                    a 删除
                                    a 下架
                            li
                                div
                                    input(
                                    type="checkbox"
                                    name='box'
                                    ).data-check
                                div
                                    img(src='../image/code2.png')
                                div.product
                                    div.product-name 男士运动鞋男士运动鞋男士运动鞋男士运动鞋
                                    span ID:233345
                                p.count.red-font 100
                                p 10
                                p 10
                                p 已推荐
                                p 2017-09-08 12:23
                                p.handle
                                    a 编辑宝贝
                                    a 取消推荐
                                    a 删除
                                    a 下架
                            li
                                div
                                    input(
                                    type="checkbox"
                                    name='box'
                                    ).data-check
                                div
                                    img(src='../image/code2.png')
                                div.product
                                    div.product-name 男士运动鞋男士运动鞋男士运动鞋男士运动鞋
                                    span ID:233345
                                p.count.red-font 100
                                p 10
                                p 10
                                p 已推荐
                                p 2017-09-08 12:23
                                p.handle
                                    a 编辑宝贝
                                    a 取消推荐
                                    a 删除
                                    a 下架

                div.pages-container
                    ul.pagination
                        li.disabled
                            a(href="#") <
                        li
                            a(href="#") 1
                        li.active
                            a(href="#") 2
                        li
                            a(href="#") 3
                        li
                            a(href="#") 4
                        li
                            a(href="#") ...
                        li
                            a(href="#") 17
                        li
                            a(href="#") >
    script(src="../js/checked.min.js")
    script.
        $(function () {
            //获取class为caname的元素
            $(".product-name").click(function () {
                var td = $(this);
                var txt = td.text();
                var input = $("<textarea class='text-input' rows='2' cols='8'>"+txt+"</textarea>");
                td.html(input);
                console.log(td)
                input.click(function () {
                    return false;
                });
                //获取焦点
                input.trigger("focus");
                //文本框失去焦点后提交内容，重新变为文本
                input.blur(function () {
                    var newtxt = $(this).val();
                    console.log(newtxt,'**')
                    //判断文本有没有修改
                    if (newtxt != txt) {
                        td.html(newtxt);
                        console.log(td.html(newtxt))
                        /*
                        *不需要使用数据库的这段可以不需要
                        var caid = $.trim(td.prev().text());
                        //ajax异步更改数据库,加参数date是解决缓存问题
                        var url = "../common/Handler2.ashx?caname=" + newtxt + "&caid=" + caid + "&date=" + new Date();
                        //使用get()方法打开一个一般处理程序，data接受返回的参数（在一般处理程序中返回参数的方法 context.Response.Write("要返回的参数");）
                        //数据库的修改就在一般处理程序中完成
                        $.get(url, function(data) {
                        if(data=="1")
                        {
                        alert("该类别已存在！");
                        td.html(txt);
                        return;
                        }
                        alert(data);
                        td.html(newtxt);
                        });
                        */
                    }
                    else {
                        td.html(newtxt);
                        console.log(td.html(newtxt))
                    }
                });
            });
        });
